<template>
  <div class="dialog">

    <el-table :data="tableData" border stripe style="width: 100%" v-loading="loading" size="small">
      <el-table-column prop="id" label="序号" align="center" width="90"> </el-table-column>
      <el-table-column prop="name" label="权限名称" align="center"></el-table-column>
      <el-table-column prop="moduleName" label="权限标识" align="center"></el-table-column>
      <el-table-column prop="code" label="权限编号" align="center"></el-table-column>
      <!-- <el-table-column prop="createTime" label="创建时间" align="center" width="160"></el-table-column> -->
      <!-- <el-table-column label="操作" align="center" fixed="right" width="200">
        <template slot-scope="scope">
          <el-button type="text" size="mini" @click="onEdit(scope.row)">编辑</el-button>
          <el-button type="text"  size="mini"
            @click="onModifyStatus(scope.row)">删除</el-button>
         
        </template>
      </el-table-column> -->
    </el-table>

 

  </div>
</template>
<script>
import {
  getPermissionsList
} from "@/api/user";

export default {
  data() {
    return {
      loading: false,
      total: 0,    
      tableData: [],
      
    };
  },

  methods: {
    onSearch() {
      this.getData();
    },
    handleSizeChange(val) {
      this.params.rows = val;
      this.getData();
    },
    handleCurrentChange(val) {
      this.params.page = val;
      this.getData();
    },
    getData(exportExcel) {
      if (exportExcel) {
        this.params.export = true
        // parkIncomeexport(this.params, "车场收入明细")
      } else {
        this.loading = true;
        getPermissionsList().then((res) => {
          this.loading = false;
          this.tableData = res.data;
        });
      }
    }
  },
  mounted() {
    this.getData();
  },
};
</script>
<style scoped lang="scss">
.my-radio {
  margin-bottom: 10px;
}

.dialog {
  width: 95%;
  height: 100%;
  padding-top: 30px;
  margin-left: 60px;
}
</style>
